.workspaceHeader {
    height: 100%;
    width: 100%;

    :global {
        .el-tabs {
            --el-tabs-header-height: 2.5rem;
            border: none;
            width: 100%;

            .el-tabs__header {
                .el-tabs__nav {
                    width: 100%;
                    display: flex;
                    align-items: center;
                }

                .el-tabs__item {
                    &:nth-child(2) {
                        padding: 0;
                        width: calc(100% - 64px);

                        &.is-active {
                            background-color: var(--el-fill-color-light);
                        }
                    }
                }
            }

            .el-tabs__content {
                display: none;
            }

            .el-tabs__nav-next,
            .el-tabs__nav-prev {
                height: var(--el-tabs-header-height);
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

    /* inner tabs */
    .innerTabs {
        :global {
            .el-tabs__header {
                .el-tabs__nav {
                    width: auto;
                    display: block;
                    border: none;
                }

                .el-tabs__item {
                    padding: 0 20px !important;
                    width: unset !important;

                    &.is-active {
                        background-color: var(--el-bg-color-overlay) !important;
                    }
                }

            }
        }

        .innerTabLabel {
            svg {
                height: 2rem;
                width: 2rem;
            }

            em {
                font-style: normal;
            }

            :global {
                .el-icon {
                    line-height: var(--el-tabs-header-height);
                }
            }
        }
    }

    /* tool list */
    .toolList {
        height: 2.5rem;
        padding: 0 20px;
        margin: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;

        :global {
            .el-button {
                border: none;
                background-color: transparent;
                box-sizing: border-box;
                padding: 0;
                margin: 0;
                margin-right: 2rem;

                &>span {
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    svg {
                        height: 1.2rem;
                        width: 1.2rem;
                    }

                    span {
                        margin-left: .5rem;
                        white-space: nowrap;
                    }
                }
            }
        }
    }
}